<template>
  <div>
    <el-tabs type="border-card">
      <el-tab-pane label="换电柜APK版本Setup">
        <Fresh_cabinet :res="{ type: 1, deviceType: 1 }"></Fresh_cabinet>
      </el-tab-pane>
      <el-tab-pane label="换电柜-主控板版本">
        <Fresh_cabinet :res="{ type: 2, deviceType: 1 }"></Fresh_cabinet>
      </el-tab-pane>
      <el-tab-pane label="Charging CabinetAPK版本Setup">
        <Fresh_cabinet :res="{ type: 3, deviceType: 3 }"></Fresh_cabinet>
      </el-tab-pane>
      <el-tab-pane label="Charging Cabinet-主控板版本">
        <Fresh_cabinet :res="{ type: 4, deviceType: 3 }"></Fresh_cabinet>
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import Fresh_cabinet from "./cus/Fresh_cabinet";
export default {
  name: "apk_version_management",
  components: {
    Fresh_cabinet
  },
  data() {
    return {};
  }
};
</script>

<style scoped lang="scss">
/deep/ .el-tabs__item:hover {
  color: #6bdb85 !important;
  cursor: pointer;
  border: 1px solid #6bdb85;
}

/deep/ .el-tabs__item.is-active {
  color: #6bdb85 !important;
  // border: 1px solid #6bdb85;
}
</style>
